/* 中间图片 */
.banner .block {
    width: 100%;
    height: auto;
    margin-top: -75px;
}

.el-carousel-item {
    width: 100%;
}
/*中间跳转链接 */
.server-info {
    margin-top: -29px;
    width: 100%;
    /*padding: 10px 0; !* 添加内边距以提供额外空间 *!*/
    background: linear-gradient(to right, #f6321e, #f08816);
    display: flex; /* 使用 flexbox 布局 */
    flex-wrap: wrap; /* 允许换行，防止溢出 */
}

.server-info a {
    flex: 1 1 49%; /* 自适应宽度，占据49% */
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中对齐 */
    justify-content: center; /* 水平居中对齐 */
    height: 70px; /* 统一高度 */
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    /* 边框白色虚线 */
    box-sizing: border-box; /* 确保内边距和边框计算在宽度内 */
}

/* 公司优势 */
.CompanyIntroduce {
    width: 100%;
    height: 100%;
}

.CompanyIntroduceTitle {
    padding: 20px;
}

.CompanyName {
    width: 100%;
    height: auto;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
}

.line {
    width: 60%;
    margin: 0 auto;
    height: 2px;
    background-color: #999797;
    margin-top: 10px;
}

.CompanyContent {
    width: 100%;
    font-size: 14px;
    color: #383737;
}

.CompanyContent p {
    margin: 20px;
}

/* 卡片区域 */
.elCard {
    margin-top: 10px;
}

.title {
    width: 100%;
    /*line-height: 3.125rem;*/
    text-align: center;
    color: #f29e1a;
    font-size: 1.125rem;
    font-weight: bold;
}

.type {
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    color: #ccc;
    margin-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    white-space: nowrap;
}

.type::before {
    display: block;
    content: "";
    width: 6.25rem;
    height: 0.1875rem;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(rgba(232, 232, 232, 0)),
            to(rgb(232, 232, 232))
    );
    background: linear-gradient(
            to right,
            rgba(232, 232, 232, 0),
            rgb(232, 232, 232)
    );
}

.type::after {
    display: block;
    content: "";
    width: 6.25rem;
    height: 0.1875rem;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(rgb(232, 232, 232)),
            to(rgba(232, 232, 232, 0))
    );
    background: linear-gradient(
            to right,
            rgb(232, 232, 232),
            rgba(232, 232, 232, 0)
    );
}

.desc {
    font-size: 14px;
    color: #666;
    /*line-height: 1.5625rem;*/
}

/* 四大专线 */
.Companyzhuanxian .servertitle {
    color: black;
}

.Companyzhuanxian .pcorlor {
    color: black;
    font-size: 12px;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
    white-space: pre-wrap; /* 保留空白符和换行 */
    word-wrap: break-word; /* 允许长单词换行 */
}

/* 公司业务部分 */
.CompanyBusiness {
    height: 100%;
    margin-top: 50px;
    background-color: #7e7e7e;;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    background-size: cover;
}

.server {
    max-width: 75rem;
    margin: auto;
    width: 100%;
    padding-top: 30px;
}

.servertitle {
    display: block;
    font-size: 2rem;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 1.25rem;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}


/*经典案例样式*/
/*.AnLi{
    margin-top: 20px;
    width: 100%;
    height: 100%;
    padding: 0.875rem 0 5rem;
    display: flex;
    flex-wrap: wrap; !* 允许换行 *!
    justify-content: space-between; !* 等间距排列 *!
    background: red;
    overflow-y: auto; !* 当内容超过高度时显示滚动条 *!
}
.AnLi .tupian{
    width: calc(50% - 10px); !* 每个项目占一半宽度，并减去间距 *!
    margin-bottom: 20px; !* 底部间距 *!
}
.AnLi .tupian img{
    margin-left: 30px;
    height: 150px;
    width: 70%;
}
.AnLi::after {
    content: "";
    display: table;
    clear: both; !* 清除浮动 *!
}*/
.active-button {
    background: linear-gradient(to right, #f6321e, #f08816);
    color: white !important; /* 可选：设置文字颜色为白色以增强对比 */
}

/* 轮播图 */
.lunbotu {
    margin-top: 20px;
    width: 100%;
}

.carousel {
    width: 100%; /* 占满父容器的宽度 */
    padding-bottom: 30px;
}

.el-carousel__item {
    /*height: 200px; !* 确保轮播项的高度 *!*/
}

.carousel-image {
    width: 100%; /* 图片宽度填满容器 */
    height: 100%; /* 图片高度填满容器 */
    object-fit: cover; /* 保持比例且填充满容器 */
}

.el-carousel__item h3 {
    color: #475669;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
    text-align: center;
}


.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
}

.el-carousel__arrow,
.el-carousel__indicators {
    display: none !important;
}

/* 车运内容 */
.server-content {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;

}

.server-content .content {
    font-size: 14px;
    color: #383737;
    margin-top: 5px;
    white-space: pre-wrap; /* 保留空白符和换行 */
    word-wrap: break-word; /* 允许长单词换行 */

}

/* 关于我们 */
.about-us {
    width: 100%;
    height: 100%;
    background-color: #7e7e7e;
    background-size: cover;
    padding: 1.875rem 0 5rem;
    display: block;
}

.about {
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
}

.title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-bottom: 3.125rem
}

.title-box .line {
    background-color: #ffffff !important;
}

.title-box .content1 p {
    font-size: 12px;
    color: #ffffff !important;
    white-space: pre-wrap; /* 保留空白符和换行 */
    word-wrap: break-word; /* 允许长单词换行 */
}

.about-up .up1 {
    text-align: left;
    font-size: 12px;
    color: #ccc;
    line-height: 20px;
    white-space: pre-wrap; /* 保留空白符和换行 */
    word-wrap: break-word; /* 允许长单词换行 */
}

.up2 .btn1:hover {
    background-color: #f29e1a;
    color: #fff;
    text-decoration: none;
}

.up2 .btn1 {
    width: 70px;
    height: auto;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f29e1a;
    border: 2px solid #f29e1a;
    margin-top: 0.625rem;
    float: right;
    margin-bottom: 1.875rem;
}

.img-box img {
    width: 100%;
    height: 243.5px;
}

/* 友情链接 */
.friend-link {
    float: left;
    font-size: 14px;
    background-color: #ffffff;
    height: 4px;
}

.pic {
    width: 100%;
    height: 171px;
    /*填满父容器*/
    object-fit: fill;
}
